<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>井</title>
<style>
body,ul{margin:0; padding:0;}
li{list-style:none;}
.box{width:299px; height:299px; overflow:hidden;margin:30px auto;}
ul{width:300px; heigrht:300px;}
li{width:99px; height:99px;float:left; border-right:1px solid #000; border-bottom:1px solid #000;}
</style>
</head>
<body>
<div class="box">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
  </ul>
</div>
</body>
</html>
